import React from "react";
import { Link } from "react-router-dom";

const Basice: React.FC = () => {
    return (
        <nav style={{ width: "60%", margin: "auto" }}>
            <h2>babylon.js 基础</h2>
            <ul>
                <li>
                    <Link to="/Demo01">Demo01</Link>
                </li>
                <li>
                    <Link to="/Demo02">Demo02</Link>
                </li>
                <li>
                    <Link to="/Demo03">Demo03</Link>
                </li>
                <li>
                    <Link to="/Demo04-Camera">Demo04-Camera</Link>
                </li>
                <li>
                    <Link to="/Demo05-Light">Demo05-Light</Link>
                </li>
                <li>
                    <Link to="/Demo06-Animate">Demo06-Animate</Link>
                </li>
                <li>
                    <Link to="/Demo07">Demo07</Link>
                </li>
                <li>
                    <Link to="/Demo08-选择物体">Demo08-选择物体</Link>
                </li>
                <li>
                    <Link to="/Demo09-Ray">Demo09-Ray</Link>
                </li>
                <li>
                    <Link to="/Demo10-Sprite">Demo10-Sprite</Link>
                </li>
                <li>
                    <Link to="/Demo11-Particles">Demo11-Particles</Link>
                </li>
                <li>
                    <Link to="/Demo12-环境">Demo12-环境</Link>
                </li>
                 <li>
                    <Link to="/Demo13-着色器">Demo13-着色器</Link>
                </li>
            </ul>
        </nav>
    );
};

export default Basice;